<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<%@include file="/web/page/head.jsp" %>
<title>Insert title here</title>
</head>
<body>
<div class="layui-collapse">
  <div class="layui-colla-item">
    <h2 class="layui-colla-title">员工信息-查询条件</h2>
    <div class="layui-colla-content layui-show">
    <fieldset class="layui-elem-field layui-field-title" style="margin-top: 0px; padding: 5px">
        <legend>员工信息-查询条件</legend>
        <form class="layui-form">
            <div class="layui-form-item">
                <label class="layui-form-label">员工编号</label>
                <div class="layui-input-inline">
                    <input type="text" name="code" placeholder="请输入员工编号" autocomplete="off" class="layui-input">
                </div>
                <label class="layui-form-label">员工姓名</label>
                <div class="layui-input-inline">
                    <input type="text" name="name" placeholder="请输入员工姓名" autocomplete="off" class="layui-input">
                </div>
                <label class="layui-form-label"></label> 
                <span> 
                <input type="button" class="layui-btn layui-btn-sm" lay-submit lay-filter="search" value="查询" /> 
                <input type="reset" class="layui-btn layui-btn-sm" value="重置" /> 
                <input type="button" class="layui-btn layui-btn-sm" value="添加" onclick="openAdd()" />
                </span>
            </div>
            <input type="hidden" name="action" value="list" />
            <input type="hidden" name="pageIndex" value="1" />
            <input type="hidden" name="pageLimit" value="10" />
        </form>
    </fieldset>
    </div></div></div>
    <div class="layui-form">
        <table class="layui-table">
            <colgroup>
                <col width="8%"><col width="10%"><col width="10%"><col width="15%">
                <col width="15%">
                <col>
            </colgroup>
            <thead>
                <tr>
                    <th>序号</th><th>编号</th><th>姓名</th><th>部门编号</th>
                    <th>部门名称</th>
                    <th>操作</th>
                </tr>
            </thead>
            <tbody id="user_tbody"></tbody>
        </table>
        <div id="pageInfoUser" style="text-align: right;padding-right: 30px"></div>
    </div>
    
    <script type="text/javascript">
    var layer = layui.layer;
	var $ = layui.jquery;
	var laytpl = layui.laytpl;
	var element = layui.element;
	var form = layui.form;
	var laydata = layui.laydata;
	var i = 1;
	element.render();
	
	form.on("submit(search)",function(data){
		$.ajax({
			url:"<%=app %>/EmployeeServlet",
			data:data.field,
			dataType:'json',
			type:'post',
			success:function(data){
				var html = "";
				$.each(data,function(i,dom){
					var code = dom.code?dom.code:'';
					var name = dom.name?dom.name:'';
					var codeDept = dom.codeDept?dom.codeDept:'';
					var nameDept = dom.nameDept?dom.nameDept:'';
					var d = {i:i+1,code:code,name:name,codeDept:codeDept,nameDept:nameDept}
					var string = laytpl($("#tradd").html()).render(d);
					html += string
				});
				$("#user_tbody").html(html);
				layer.msg("成功");
			}
		})
	})
	refresh();
	function refresh(){
		$("input[type='reset']").click();
		$("input[value='查询']").click();
	}
	function openAdd(){
		openLayer('/web/page/employee/listadd.jsp',refresh)
	}
	function openUpd(code){
		openLayer('/web/page/employee/listupd.jsp?code='+code,refresh)
	}
	function updpass(code){
		openLayer('/web/page/employee/updpass.jsp?code='+code,refresh)
	}
	function updDept(code){
		openLayer('/web/page/employee/updDept.jsp?code='+code,refresh)
	}
	function del(code){
		openConfirm(function(index){
			$.ajax({
				url:"<%=app %>/EmployeeServlet",
				data:{action:'del',code:code},
				dataType:'text',
				cache:false,
				type:'post',
				success:function(data){
					if (data == 1) {
		                layer.msg('删除成功');
		                refresh();
		                $("input[name='pageIndex']").val(1);
		            } else if (data == "exist"){
		                layer.msg('删除失败--该数据已被使用');
		            } else {
		                layer.msg('删除失败');
		            }
				}
			});
		})
	}
	function resetpass(code){
		openConfirm(function(index){
			$.ajax({
				url:"<%=app %>/EmployeeServlet",
				data:{action:'resetpass',code:code},
				dataType:'text',
				type:'post',
				success:function(data){
					if (data == 1) {
		                layer.msg('重置成功');
		                refresh();
		                $("input[name='pageIndex']").val(1);
		            } else {
		                layer.msg('重置失败');
		            }
				}
			});
		})
	}
	
	
	
	
	
	function openConfirm(func, title) {
		layer.confirm(title ? title : "确定进行该操作？", {
			icon : 3,
			title : '提示'
		}, func);
	}
	function openLayer(url,end){
		layer.open({
			type:2,
			area:['500px','460px'],
			fixed:false,
			maxmin:true,
			end:end,
			content:"<%=app %>"+url
		});
	}
    </script>

    <script  id="tradd"  type="text/html">
		<tr>
		<td>{{ d.i }}</td><td>{{ d.code }}</td><td>{{ d.name }}</td>
		<td>{{ d.codeDept }}</td><td>{{ d.nameDept }}</td>
		<td>
			<input type='button' value='修改' class='layui-btn layui-btn-xs'
				onclick='openUpd("{{ d.code }}")'/>&nbsp;
			<a href="javascript:del('{{ d.code }}')"
				class='layui-btn layui-btn-xs layui-btn-danger'>
			<i class='layui-icon layui-icon-delete'></i>
			</a>&nbsp;
			<input type='button' value='重置密码' class='layui-btn layui-btn-xs'
				onclick='resetpass("{{ d.code }}")'/>&nbsp;
			<input type='button' value='修改密码' class='layui-btn layui-btn-xs'
				onclick='updpass("{{ d.code }}")'/>&nbsp;
			<input type='button' value='设置部门' class='layui-btn layui-btn-xs'
				onclick='updDept("{{ d.code }}")'/>&nbsp;
			<input type='button' value='上传头像' class='layui-btn layui-btn-xs'
				onclick=''/>
		</td>
		</tr>
	</script>
</body>
</html>